.layui-nav-item span.iconfont {
  margin-right: 6px;
}
.layui-nav-child i.layui-icon {
  margin-right: 6px;
}
/* 我们写的代码 和第三方库的代码 为了让我们的代码 覆盖它们的样式，一定要注意优先级的关系 */
.layui-nav .layui-nav-item .layui-nav-child a {
  padding-left: 45px;
}
.layui-footer {
  text-align: center;
}
.layui-body {
  /* 防止页面出现两个并列的滚动条，比较丑 */
  overflow: hidden;
}
.layui-body iframe {
  width: 100%;
  height: 100%;
}

.layui-nav-item .my-name,
.menu-userinfo .my-name {
  width: 30px;
  height: 30px;
  display: inline-block;
  background-color: #009688;
  border-radius: 50%;
  vertical-align: middle;
  text-align: center;
  line-height: 30px;
  font-size: 20px;
  font-weight: bold;
  margin-right: 6px;
}
.menu-userinfo {
  margin: 20px auto;
  text-align: center;
  /* 如果有些情况下 text-align  margin: auto */
  /* 可以先放一放，不需要强行想各种 复杂的布局去实现，有时候的marign-left padding-left也可以 */
}
